<!--
 * @Author: chenzechao
 * @Date: 2024-01-29 11:02:35
 * @LastEditors: chenzechao
 * @LastEditTime: 2024-01-29 11:39:29
 * @FilePath: \accesscontrolui\src\views\xtpz\holiday\components\delete-dialog.vue
 * @Description: 
-->
<template>
  <el-dialog
    title="确认删除"
    :close-on-click-modal="false"
    :visible.sync="dialogVisible"
    width="400px"
  >
      <main>
        <i class="el-icon-warning"></i>
        <section>确定要删除该节假日吗？</section>
      </main>
    <footer style="text-align: center;">
        <el-button size="small" @click="dialogVisible=false">取消</el-button>
        <el-button size="small" type="primary" @click="hanldeConfirm">确定</el-button>
    </footer>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      form: {
        name: "",
      },
    };
  },
  computed: {
  },
  watch: {},
  methods: {
    open() {
      this.dialogVisible = true;
    },
    hanldeConfirm(){

    },
  },
};
</script>
<style scoped lang="scss">
  .el-icon-warning{
    color: rgba(255, 141, 26, 1);
    font-size: 34px;
    margin-right: 8px;
  }
  main{
    margin: 30px 0px 35px;
    display: flex;
    justify-content: center;
    align-items: center;

  }
</style>
